<%--
  User: zoud
  Date: 2017/10/31
  Time: 17:20
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Statistics - Database Commons</title>

    <link rel="stylesheet" type="text/css"
          href="https://cloud.github.com/downloads/lafeber/world-flags-sprite/flags32.css"/>
</head>
<body>
<div class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">Statistics</h4>
    </div>
    <div class="panel-body">
        <h4>Data Type</h4>
        <div id="dts"></div>

        <h4>Country / Regions</h4>
        <div id="cs"></div>

        <h4>Institute</h4>
        <div id="is"></div>

        <h4>Database citations</h4>
        <div id="citation"></div>

        <h4>Publications</h4>
        <div id="pub"></div>

        <h4>Organism</h4>
        <div id="ors"></div>

        <h4>Database citations and ages</h4>
        <div id="plot"></div>

    </div>
</div>
<script src="${host}/static/js/highcharts/highcharts.js"></script>
<script src="${host}/static/js/highcharts/drilldown.js"></script>

<script src="${host}/static/js/my/statistics.js"></script>
<script>
    $(document).ready(function () {
        dts('dts', '${host}');
        is('is', '${host}');
        cos('cs', '${host}');
        pubs('pub', '${host}');
        orms('ors', '${host}');
        cisPlot('plot', '${host}');
        cis('citation', '${host}');
    });
</script>
</body>
</html>
